<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>游戏详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/home/companyScroll.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<!--折叠板-->
		<link rel="stylesheet" href="../../css/home/FoldPlate.css" />
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/jssor.slider.mini.js"></script>
		<style type="text/css">
			.mui-bar-nav~.mui-content {
				padding-top: 26px;
			}
			
			.mui-table-view .mui-media-object {
				line-height: 42px;
				max-width: 42px;
				height: 42px;
				border-radius: 50%;
			}
			
			.mui-table-view .mui-table-view-cell p.game_title {
				font-size: 16px;
				color: #000000;
				margin-right: 5px;
			}
			
			.mui-table-view .mui-table-view-cell p.englishName {
				font-size: 12px;
			}
			/*版本*/
			
			.mui-table-view .mui-table-view-cell p.edition {
				font-size: 10px;
				padding: 0 3px;
				color: #FFFFFF;
				background: #CCC34C;
				text-align: center;
			}
			
			.mui-table-view .mui-table-view-cell {
				padding: 6px 15px;
				background: #FFFFFF;
			}
			
			.mui-table-view .mui-table-view-cell:after,
			.mui-table-view .mui-table-view-cell:before {
				height: 0;
			}
			
			.mui-table-view>div.scroll.mui-table-view-cell {
				padding: 6px 0;
				margin: 0;
			}
			
			.mui-table-view .mui-table-view-cell>div.game_introduce {
				font-size: 12px;
				position: relative;
				margin-top: 10px;
			}
			
			.mui-table-view .mui-table-view-cell>div.game_introduce>div:nth-child(2) p#game_pingjia::after {
				color: red;
			}
			
			.mui-table-view .mui-table-view-cell>div.game_introduce>div:nth-child(2) p#game_pingjia.noStr {
				content: '';
			}
			
			.mui-table-view .mui-table-view-cell>div.game_introduce p.game_jianjie {
				font-size: 14px;
			}
			
			.mui-table-view .mui-table-view-cell>div.game_introduce p.game_jianjie_text {
				width: 71%;
				font-size: 14px;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				/*这儿的数字代表的就是你所需要实现效果的第N行*/
				-webkit-box-orient: vertical;
			}
			
			button.mask.details {
				display: none;
				border: none;
				position: absolute;
				right: 0;
				bottom: -1px;
				color: #8F8F94;
				width: 70px;
			}
			
			button.mask.details::before {
				display: block;
				content: "";
				position: absolute;
				bottom: 0;
				right: 36px;
				padding: 0 3px 3px 13px;
				font-size: 14px;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			button.mask.details::after {
				content: "收回";
				display: block;
				color: #007500;
				position: absolute;
				bottom: -3px;
				right: 0;
				padding: 0 3px 3px 11px;
				font-size: 14px;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			button.mask.detail {
				display: block;
				border: none;
				position: absolute;
				right: 0;
				bottom: -1px;
				color: #8F8F94;
				width: 70px;
			}
			
			button.mask.detail::before {
				display: block;
				content: "......";
				position: absolute;
				bottom: 0;
				right: 36px;
				padding: 0 3px 3px 13px;
				font-size: 14px;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			button.mask.detail::after {
				content: "详情";
				display: block;
				color: #007500;
				position: absolute;
				bottom: -3px;
				right: 0;
				padding: 0 3px 3px 11px;
				font-size: 14px;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			.mui-table-view>div.mui-table-view-cell .mui-media>div.mui-media-body>div.mui-table-view-cell {
				padding: 11px 4px;
				margin-left: 5px;
			}
			
			.mui-table-view>div.mui-table-view-cell>div>p.select a.select_atv {
				border-bottom: solid 1px red;
				padding: 12px 0;
			}
			
			.mui-table-view>div.mui-table-view-cell.show {
				display: block;
			}
			
			.mui-table-view>div.mui-table-view-cell.hide {
				display: none;
			}
			/*
			 *查看更多的
			 * ==========*/
			
			p.viewMore::before {
				content: '......';
				position: absolute;
				bottom: 0;
				right: 62px;
				padding: 0 12px 3px 13px;
				font-size: 14px;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			p.viewMore::after {
				content: "查看更多";
				position: absolute;
				bottom: 0;
				right: 0;
				padding: 0 3px 3px 11px;
				font-size: 14px;
				color: #BC99FF;
				background: -webkit-linear-gradient(left, transparent, #fff 25%);
				background: -o-linear-gradient(right, transparent, #fff 25%);
				background: -moz-linear-gradient(right, transparent, #fff 25%);
				background: linear-gradient(to right, transparent, #fff 25%);
			}
			
			.game_pingjia1::after {
				content: none;
			}
			
			.green {
				background: green;
			}
			
			.red {
				background: red;
			}
			
			#ul.mui-table-view {
				margin: 0;
				padding: 0;
			}
			
			#ul.mui-table-view:before {
				height: 0;
			}
			
			.defult_show {
				padding: 0;
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				/*这儿的数字代表的就是你所需要实现效果的第N行*/
				-webkit-box-orient: vertical;
			}
			
			.select_box {
				background: #FFFFFF;
				padding: 10px 0px;
				border-bottom: solid 1px #eee;
			}
			
			[v-cloak] {
				display: none
			}
		</style>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">游戏</h1>
		</header>
		<div class="mui-content" id="app" v-cloak>
			<!--轮播-->
			<div class="mui-table-view" style="background: #EEEEEE;">
				<!--轮播-->
				<div class="game_scroll mui-media" style="padding: 0 15px;">
					<div id="slider" class="mui-slider">
						<div id="aa" class="mui-slider-group mui-slider-loop">
							<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/b.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡4</p>
								</a>
							</div>
							<div  class="mui-slider-item">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/b.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡1</p>
								</a>
							</div>
							<div  class="mui-slider-item">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/be2.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡1</p>
								</a>
							</div>
							<div  class="mui-slider-item">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/be5.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡1</p>
								</a>
							</div>
							<div  class="mui-slider-item">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/a.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡1</p>
								</a>
							</div>
							<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img style="width: 100%;height: 200px;border-radius: 4px;" src="../../img/be1.jpg">
									<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡1</p>
								</a>
							</div>
						</div>

						<div class="mui-slider-indicator mui-text-right">
							<div class="mui-indicator mui-active"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
							<div class="mui-indicator"></div>
						
						</div>
					</div>
				</div>
				<!--主体-->
				<!--游戏详情-->
				<div class="mui-table-view-cell">
					<p class="mui-pull-left game_title">炉石传说</p>
					<p class="mui-inline englishName">sdfsdfsdfsdfs</p>
					<p class="mui-pull-right edition">NGI:8.92</p>
					<!--<p class="mui-pull-left game_title">{{game.name}}</p>
					<p class="mui-inline englishName">{{game.gameNameEnglish}}</p>
					<p class="mui-pull-right edition">NGI:{{game.gameScore}}</p>-->
				</div>
				<div class="mui-table-view-cell">
					<div class="game_introduce">
						<p class="mui-inline mui-pull-left game_jianjie">游戏简介&nbsp;:&nbsp;</p>
						<p class="mui-inline mui-pull-left game_jianjie_text detail">
							<!--{{game.descrip}}-->
							萨达撒大所圣地福大厦胜多负少的发的是方法对方水电费水电费水电费水电费水电费水电费水电费水电费水电费水电费地方大幅度水电费防守打法
						</p>
						<p style="clear: both;"></p>
						<button class="mask detail"></button>
						<button class="mask details"></button>
					</div>

					<div class="game_introduce">
						<p class="mui-inline mui-pull-left game_jianjie">游戏介格&nbsp;:&nbsp;</p>
						<!--<p class="mui-inline mui-pull-left game_jianjie_text">{{game.gamePrice}}</p>-->
						<p class="mui-inline mui-pull-left game_jianjie_text">免费</p>
						<p style="clear: both;"></p>
					</div>

					<div class="game_introduce">
						<p class="mui-inline mui-pull-left game_jianjie">游戏类别&nbsp;:&nbsp;</p>
						<p class="mui-inline mui-pull-left game_jianjie_text">是的发送到发送到</p>
						<!--<p class="mui-inline mui-pull-left game_jianjie_text">{{game.type}}</p>-->
						<p style="clear: both;"></p>
					</div>
				</div>
				<!--各种评测-->
				<div class="mui-table-view-cell" style="margin-top: 10px;">

					<div class="select_box mui-row" style="background: #FFFFFF;">
						<p class="mui-inline mui-pull-left select" style="width: 30%;">
							<a class="select_atv">热门评测</a>
						</p>
						<p class="mui-inline mui-pull-left select" style="width: 45%;">
							<a>最新评测</a>
						</p>
						<p class="mui-inline mui-pull-right comment" style="width: 25%;text-align: right;">
							<a href="javascript:void(0)">编写评测</a>
						</p>
						<p style="clear: both;"></p>
					</div>
				</div>
				<!--热门-->
				<div class="mui-table-view-cell content show">
					<!--<div v-if="gameHottest==''" style="text-align: center;height: 20px;">
						暂无评测
					</div>-->
					<div  class="game_introduce" >
						<div class="mui-inline mui-pull-left game_jianjie pic_div" style="">
							<div class="mui-media">
								
								<img class="mui-media-object" src="../../img/a.jpg" />
							</div>
						</div>
						<div class="mui-inline mui-pull-right game_introduce game_jianjie_text" style="width: 80%;">
							<div class="">
								<p class="mui-inline mui-pull-left" style="width: 95%;">阿斯顿撒打算</p>
								<p  class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan" style="width: 5%;text-align: right;"></p>
								<p style="clear: both;"></p>
							</div>
							<div class="" style="margin-bottom: 0px;">
								<p class="mui-inline mui-pull-left" style="width: 80%;font-size: 10px;">12楼 211小时前</p>
								<p  class=" mui-inline mui-pull-right" style="width: 20%;text-align: right;font-size: 12px;">热文群热无</p>
								<p style="clear: both;"></p>
							</div>
							<ul class="expmenu mui-table-view" id="ul" style="">
								<li>
									<div class="header">
										<div class="mui-inline zheDieBan_defulShow">
											<p class="defult_show">萨达撒大所</p>
											<!--<span id="arrow" class="arrow up">
												<p class="viewMore" style="text-align: right;">点击查看更多</p>
											</span>-->
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>
				<!--<div class="mui-table-view-cell content show">
					<div v-if="gameHottest==''" style="text-align: center;height: 20px;">
						暂无评测
					</div>
					<div v-else class="game_introduce" v-for="gameHottestData in gameHottest">
						<div class="mui-inline mui-pull-left game_jianjie pic_div" style="">
							<div class="mui-media">
								<img class="mui-media-object" :src="gameHottestData.seleFace" />
							</div>
						</div>
						<div class="mui-inline mui-pull-right game_introduce game_jianjie_text" style="width: 80%;">
							<div class="">
								<p class="mui-inline mui-pull-left" style="width: 95%;">{{gameHottestData.userName}}</p>
								<p v-if="gameHottestData.likeId!=undefined" class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan" style="width: 5%;text-align: right;"></p>
								<p v-else class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan1" style="width: 5%;text-align: right;"></p>
								<p style="clear: both;"></p>
							</div>
							<div class="" style="margin-bottom: 0px;">
								<p class="mui-inline mui-pull-left" style="width: 80%;font-size: 10px;">{{gameHottestData.floornuber}}楼 {{gameHottestData.timehour}}小时前</p>
								<p v-if="gameHottestData.likeId!=undefined" class=" mui-inline mui-pull-right" style="width: 20%;text-align: right;font-size: 12px;">{{gameHottestData.likes}}</p>
								<p v-else class=" mui-inline mui-pull-right likes" :data-id="gameHottestData.gamecId" style="width: 20%;text-align: right;font-size: 12px;">{{gameHottestData.likes}}</p>
								<p style="clear: both;"></p>
							</div>
							<ul class="expmenu mui-table-view" id="ul" style="">
								<li>
									<div class="header">
										<div class="mui-inline zheDieBan_defulShow">
											<p class="defult_show">{{gameHottestData.content}}</p>
											<span id="arrow" class="arrow up">
												<p class="viewMore" style="text-align: right;">点击查看更多</p>
											</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>-->
				<!--最新-->
				<div class="mui-table-view-cell content hide">
					<!--<div v-if="gameNewest==''" style="text-align: center;height: 20px;">
						暂无评测
					</div>-->
					<div  class="game_introduce">
						<div class="mui-inline mui-pull-left game_jianjie" style="width: 20%;">
							<div class="mui-media">
								<img class="mui-media-object" src="../../img/be5.jpg" />
							</div>
						</div>
						<div class="mui-inline mui-pull-right game_introduce game_jianjie_text" style="width: 80%;">
							<div class="">
								<p class="mui-inline mui-pull-left" style="width: 95%;">SADDASDSADSA</p>
								<p  class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan" style="width: 5%;text-align: right;"></p>
								<p style="clear: both;"></p>
							</div>
							<div class="" style="margin-bottom: 0px;">
								<p class="mui-inline mui-pull-left" style="width: 80%;font-size: 10px;">12楼 23小时前</p>
								<p  class=" mui-inline mui-pull-right" style="width: 20%;text-align: right;font-size: 12px;">12</p>
								<p style="clear: both;"></p>
							</div>
							<ul class="expmenu mui-table-view" id="ul" style="">
								<li>
									<div class="header">
										<div class="mui-inline zheDieBan_defulShow">
											<p class="defult_show">ADSDASDASDSADSADSADSADASDASDASD</p>
											<span id="arrow" class="arrow up">
												<p class="viewMore" style="text-align: right;">点击查看更多</p>
											</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>
				<!--<div class="mui-table-view-cell content hide">
					<div v-if="gameNewest==''" style="text-align: center;height: 20px;">
						暂无评测
					</div>
					<div v-else class="game_introduce" v-for="gameNewestData in gameNewest">
						<div class="mui-inline mui-pull-left game_jianjie" style="width: 20%;">
							<div class="mui-media">
								<img class="mui-media-object" :src="gameNewestData.seleFace" />
							</div>
						</div>
						<div class="mui-inline mui-pull-right game_introduce game_jianjie_text" style="width: 80%;">
							<div class="">
								<p class="mui-inline mui-pull-left" style="width: 95%;">{{gameNewestData.userName}}</p>
								<p v-if="gameNewestData.likeId!=undefined" class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan" style="width: 5%;text-align: right;"></p>
								<p v-else class="mui-inline mui-pull-right mui-icon iconfont icon-dianzan1" style="width: 5%;text-align: right;"></p>
								<p style="clear: both;"></p>
							</div>
							<div class="" style="margin-bottom: 0px;">
								<p class="mui-inline mui-pull-left" style="width: 80%;font-size: 10px;">{{gameNewestData.floornuber}}楼 {{gameNewestData.timehour}}小时前</p>
								<p v-if="gameNewestData.likeId!=undefined" class=" mui-inline mui-pull-right" style="width: 20%;text-align: right;font-size: 12px;">{{gameNewestData.likes}}</p>
								<p v-else class="mui-inline mui-pull-right likes" :data-id="gameNewestData.gamecId" style="width: 20%;text-align: right;font-size: 12px;">{{gameNewestData.likes}}</p>
								<p style="clear: both;"></p>
							</div>
							<ul class="expmenu mui-table-view" id="ul" style="">
								<li>
									<div class="header">
										<div class="mui-inline zheDieBan_defulShow">
											<p class="defult_show">{{gameNewestData.content}}</p>
											<span id="arrow" class="arrow up">
												<p class="viewMore" style="text-align: right;">点击查看更多</p>
											</span>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>-->
			</div>
		</div>

		<!--折叠板-->

		<script type="text/javascript" src="../../js/home/main.js"></script>
		<script type="text/javascript" src="../../js/jquery.tools.min.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/api.js"></script>
		<script type="text/javascript">
			new Vue({
				el: "#app",
				data: {
					img: [], //游戏轮播图片
					game: {}, //游戏基本资料
					sliderDataPal: {}, //轮播取出第一张
					sliderDataNext: {}, //轮播取出最后一张 
					sliderDataNumber: [], //轮播的点数
					gameHottest: [], //热门评测
					gameNewest: [], //最新评测
				},
				mounted: function() {
					mui.init();
					/*轮播*/
					var gallery = mui('#slider');
					gallery.slider({
						interval: 1000, //自动轮播周期，若为0则不自动播放，默认为0；
					});
					//					var img = []; //游戏轮播图片
					//					var game = {}; //游戏基本资料
					//					var imgnub = {}; //图片的第第一张
					//热门评测和最新评测选项卡及选中对应内容逻辑
					var oSelect_a = $('div>p.select > a'); //
					var oContent = $(".mui-table-view>div.mui-table-view-cell.content");
					for(var i = 0; i < oSelect_a.length; i++) {
						oSelect_a[i].index = i;
						oSelect_a[i].onclick = function() {
							for(var i = 0; i < oSelect_a.length; i++) {
								oSelect_a[i].className = '';
								oContent[i].className = 'mui-table-view-cell content hide';
							}
							this.className = 'select_atv';
							oContent[this.index].className = 'mui-table-view-cell content show';
						}
					}
					//热门评测和最新评测选项卡及选中对应内容逻辑结束
					//点击详情逻辑
					$('button.detail').click(function() {
						alert("df");
						/*alert('详情');*/
						$('button.mask.detail').css({
							'display': 'none'
						});
						$('button.mask.details').css({
							'display': 'block'
						});
						$('.mui-table-view .mui-table-view-cell>div.game_introduce p.game_jianjie_text').css({
							'text-overflow': 'initial',
							'overflow': 'initial',
							'text-overflow': 'initial',
							'display': 'initial',
							'-webkit-line-claellipsismp': 'initial',
							/*这儿的数字代表的就是你所需要实现效果的第N行*/
							'-webkit-box-orient': 'initial',
						})
						//点击详情逻辑结束

					})
					$('button.details').click(function() {
						/*alert('详情');*/
						$('button.mask.detail').css({
							'display': 'block'
						});
						$('button.mask.details').css({
							'display': 'none'
						});
						$('.mui-table-view .mui-table-view-cell>div.game_introduce p.game_jianjie_text').css({
							'width': '71%',
							'font-size': '14px',
							'text-overflow': '-o-ellipsis-lastline',
							'overflow': 'hidden',
							'text-overflow': 'ellipsis',
							'display': '-webkit-box',
							'-webkit-line-clamp': 3,
							/*这儿的数字代表的就是你所需要实现效果的第N行*/
							'-webkit-box-orient': 'vertical',

						})
						//点击详情逻辑结束

					})
					var vm = this;
					var _user = JSON.parse(localStorage.getItem("$users"));
					mui.plusReady(function() {
						var self = plus.webview.currentWebview();
						var _gameid = self.gameid; //获得参数
						var mask = mui.createMask(); //遮罩层
						if(_user == null) {
							$.ajax({
								type: 'post',
//								url: HangUrl + 'rest/GameApp/GameIdEvaluating',
								url:"../../json/game_detail.json",
								data: {
//									gameId: _gameid,
								},
								timeout: 5 * 1000,
								dataType: 'json',
								async: true,
								beforeSend: function() {
									plus.nativeUI.showWaiting("加载中.....", {
										padlock: true
									});
									mask.show(); //显示遮罩层
								},
								complete: function() {
									plus.nativeUI.closeWaiting();
									mask.close(); //关闭遮罩层
								},
								success: function(data, textStatus) {
									if(data) {
										alert("----"+data);
										vm.img = data.numberArray; //游戏轮播图片
										vm.game = data.game; //游戏基本资料
										vm.sliderDataPal = data.numberArray[0]; //第-张
										vm.sliderDataNext = data.numberArray[data.numberArray.length - 1]; //最后一张
										vm.sliderDataNumber = data.numberArray.length - 1; //点数
										vm.gameHottest = data.gameHottest;
										vm.gameNewest = data.gameNewest;
										console.log(vm.sliderDataPal + "===" + vm.sliderDataNext + "===" + vm.sliderDataNumber);

										//用户登录获取积分
										if(_user != null && _user != '') {
											var postData = {
												userId: _user.id,
												state: 4,
												id: data.game.id
											}
											mui.ajax(HangUrl + 'rest/integrateController/dayRecord', {
												data: postData,
												dataType: 'json', //服务器返回json格式数据
												type: 'post', //HTTP请求类型
												timeout: 5000, //超时时间设置为10秒；         
												success: function(data) {
													//												console.log("登录奖励积分");
												},
												error: function(xhr, type, errorThrown) {
													//异常处理；
													//												console.log(type);
												}
											});
										}
									}
								}
							});
						} else {
							$.ajax({
								type: 'post',
//								url: HangUrl + 'rest/GameApp/GameIdEvaluating',
								url:"../../json/game_detail.json",
								data: {
//									gameId: _gameid,
//									userId: _user.id
								},
								timeout: 5 * 1000,
								dataType: 'json',
								async: true,
								beforeSend: function() {
									plus.nativeUI.showWaiting("加载中.....", {
										padlock: true
									});
									mask.show(); //显示遮罩层
								},
								complete: function() {
									plus.nativeUI.closeWaiting();
									mask.close(); //关闭遮罩层
								},
								success: function(data, textStatus) {
									if(data) {
										alert("____:"+data);
//										vm.img = data.numberArray; //游戏轮播图片
//										vm.game = data.game; //游戏基本资料
//										vm.sliderDataPal = data.numberArray[0]; //第-张
//										vm.sliderDataNext = data.numberArray[data.numberArray.length - 1]; //最后一张
//										vm.sliderDataNumber = data.numberArray.length - 1; //点数
//										vm.gameHottest = data.gameHottest;
//										vm.gameNewest = data.gameNewest;
//										console.log(vm.sliderDataPal + "===" + vm.sliderDataNext + "===" + vm.sliderDataNumber);

										//用户登录获取积分
										/*if(_user != null && _user != '') {
											var postData = {
												userId: _user.id,
												state: 4,
												id: data.game.id
											}
											mui.ajax(HangUrl + 'rest/integrateController/dayRecord', {
												data: postData,
												dataType: 'json', //服务器返回json格式数据
												type: 'post', //HTTP请求类型
												timeout: 5000, //超时时间设置为10秒；         
												success: function(data) {
													//console.log("登录奖励积分");
												},
												error: function(xhr, type, errorThrown) {
													//异常处理；
													//console.log(type);
												}
											});
										}*/
									}
								}
							});
						}

						/*点击点赞功能*/
						$("body").on("tap", ".likes", function() {
							var id = $(this).attr("data-id");
							_user = JSON.parse(localStorage.getItem("$users"));
							if(_user == null) {
								var btnArray = ['跳转登录', '取消'];
								mui.confirm('是否登录', '登录', btnArray, function(e) {
									if(e.index == 0) {
										mui.openWindow({
											url: "../login.html",
										});
									}
								});
							} else {
								$.ajax({
									type: 'post',
									url: HangUrl + 'rest/GameApp/Likes',
									data: {
										gamecId: id,
										userId: _user.id
									},
									timeout: 5 * 1000,
									dataType: 'json',
									async: false,
									beforeSend: function() {
										plus.nativeUI.showWaiting("加载中.....", {
											padlock: true
										});
										mask.show(); //显示遮罩层
									},
									complete: function() {
										plus.nativeUI.closeWaiting();
										mask.close(); //关闭遮罩层
									},
									success: function(data, textStatus) {
										if(data.success) {
											console.log("成功");
											location.reload();
										} else {
											mui.toast(data.message, {
												duration: 'long',
												type: 'div'
											})
										}
									}
								});
							}
						})
						/*跳转写评论页面*/
						$("body").on("tap", ".comment", function() {
							_user = JSON.parse(localStorage.getItem("$users"));
							if(_user == null) {
								var btnArray = ['跳转登录', '取消'];
								mui.confirm('是否登录', '登录', btnArray, function(e) {
									if(e.index == 0) {
										mui.openWindow({
											url: "../login.html",
										});
									}
								});
							} else {
								mui.openWindow({
									url: 'writeEvaluate.html',
									extras: {
										gameId: _gameid //自定义扩展参数，可以用来处理页面间传值
									},
									waiting: {
										autoShow: true, //自动显示等待框，默认为true
									}
								});
							}
						})
					});
				},
				methods: {

				}
			})
		</script>
	</body>

</html>